.keepAccounts {
  --ka-bg-color: #daf2e1;
  --ka-color: #69ae78;
  --ka-border-color: #191d26;
  height: 100%;
  background-color: var(--ka-bg-color);

  .nav {
    --adm-font-size-10: 16px;
    color: #121826;
    background-color: transparent;
    &::after {
      height: 0;
    }

    .adm-nav-bar-back-arrow {
      font-size: 20px;
    }
  }

  .header {
    height: 123px;

    .kaType {
      padding: 9px 0;
      text-align: center;
      .adm-button {
        --adm-font-size-9: 13px;
      }
      .selected {
        margin-right: 10px;
        background: #121826;
        color: #fff;
      }
    }

    .kaFormWrapper {
      padding: 10px 22.5px 20px;

      .kaForm {
        display: flex;
        justify-content: space-between;
        padding: 11px 15px 11px 12px;
        border: 0.5px solid var(--ka-border-color);
        border-radius: 9px;
        background-color: #fff;

        .date {
          min-width: 108px;
          display: flex;
          align-items: center;
          height: 28px;
          padding: 5.5px 5px;
          border-radius: 4px;
          color: var(--ka-color);
          background-color: var(--ka-bg-color);

          .icon {
            margin-right: 6px;
            font-size: 17px;
          }
          .text {
            font-size: 16px;
          }
        }
      }

      .KaInput {
        display: flex;
        align-items: center;
        .adm-input-element {
          text-align: right;
          font-size: 20px;
        }
        .iconYuan {
          font-size: 20px;
          margin-left: 4px;
        }
      }
    }
  }

  .kaTypeList {
    margin-top: 10px;
    background-color: #fff;
    border-radius: 20px;
    .kaType {
      padding: 15px 0 0 15px;
      .title {
        font-size: 14px;
        color: #7b7b7b;
      }
      .list {
        font-size: 12px;
        display: flex;
        margin-bottom: 20px;
        .item {
          margin-top: 10px;
          overflow: hidden;
          width: 15%;
          padding: 10px 10px;
          text-align: center;
          white-space: nowrap;
          .icon{
            margin-bottom: 8px;
          }
        }
        .selected {
          background-color: var(--ka-bg-color);
          border-radius: 5px;
        }
      }
    }
  }

  .btns {
    position: fixed;
    bottom: 15px;
    width: 100%;
    text-align: center;

    .btn {
      width: 200px;
      background-color: var(--ka-bg-color);
      color: var(--ka-color);
      &:first-child {
        margin-right: 15px;
      }
    }

    .btn .save {
      --background-color: var(--ka-bg-color);
      --text-color: var(--ka-color);
    }
  }
}
